<div *ngIf="totalItems && itemsPerPage" class="div-inline-block">
    <div class="div-inline-block av-pagination-page-arrow left" 
        [class.disabled]="thisCurrentPageIndex===1"
        (click)="onPrevClick()">
        <img src="assets/img/icon/triangle_left.svg">&nbsp;Previous
    </div>
    <span>
        Page
    </span>
    <div class="div-inline-block">
        <input class="av-pagination-current-page-input" type="text" [(ngModel)]="thisCurrentPageIndex" autocomplete="off" (keyup.enter)="onInputEnter()" (blur)="onInputBlur()">
        <!-- <input class="av-pagination-current-page-input" type="text" [(ngModel)]="thisCurrentPageIndex" autocomplete="off" (keypress)="onKeypress($event)" (keyup.enter)="onInputEnter()" (blur)="onInputBlur()"> -->
    </div>
    <span>
        of {{ totalItems/itemsPerPage | avCeil}}
    </span>
    <div class="div-inline-block av-pagination-page-arrow right" 
        [class.disabled]="isDisableNextButton()" (click)="onNextClick()">
        Next&nbsp;<img src="assets/img/icon/triangle_right.svg">
    </div>
</div>